﻿<div>
    <div class="page-header">
        <h2>customer list</h2>
    </div>
    <div class="btn-toolbar">
        <a href="#view=editcustomer" class="btn btn-small btn-primary"><i class="icon-plus icon-white"></i> new customer</a>
        <!-- ko if: isLoading -->
        <img class="small-load margin-left" src="~/Content/images/preloader.gif" alt="preloader" />
        <!-- /ko -->
    </div>
    <table class="table table-striped">
        <colgroup>
            <col />
            <col />
            <col style="width: 50px;" />
        </colgroup>
        <thead>
            <tr>
                <th>Name</th>
                <th>Create date</th>
                <th></th>
            </tr>
        </thead>
        <tbody data-bind="foreach: items">
            <tr>
                <td data-bind="text: Name"></td>
                <td data-bind="text: CreateDate"></td>
                <td>
                    <div class="btn-group">
                        <button data-toggle="dropdown" class="btn btn-small dropdown-toggle"><i class="icon-cog"></i> <span class="caret"></span></button>
                        <ul class="dropdown-menu">
                            <li><a data-bind="attr: { href: '#view=editcustomer&id=' + Id }" href="#">Edit</a></li>
                            <li><a href="#" data-bind="command: $parent.deleteItem, activity: isDeleting">Delete</a></li>
                        </ul>
                    </div>

                </td>
            </tr>
        </tbody>
    </table>
</div>
